<template>
  <div class="aboutUs">
    <div class="container introduce">
      <div class="title">
        <p>● 关于我们 ●</p>
        <p>ABOUT US</p>
        <p><span>九州通医药集团有限公司</span>是一家以西药、中药、器械为主要经营产品，以医疗机构、批发企业、零售药店为主要客户对象，并为客户提供信息、物流等各项增值服务的大型企业集团。公司立足于医药健康行业，是中国医药商业领域具有全国性网络的少数几家企业之一，于2010年11月2日在上海证券交易所挂牌上市（股票简称：九州通，证券代码：600998），公司连续多年位列中国医药商业企业第四位，领跑中国民营医药商业企业，以30亿元的品牌价值位居“2016胡润品牌榜”181位，2018年位列《财富》（中文版）500强第105位。</p>
      </div>
    </div>
    <div class="line">
      <img src="/aboutus.png" alt="">
      <el-button type="primary" plain @click="aboutus">查看全部 →</el-button>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    aboutus () {
      this.$router.push('/2/2-1')
    }
  }
}
</script>

<style lang="scss" scoped>
@import './index';
.aboutUs{
  height: 500px;
  margin-bottom: 60px;
  .introduce{
    height: 380px;
    position: relative;
    .title{
      position: absolute;
      width: 600px;
      left: 420px;
      top: 80px;
      font-size: 14px;
      @include font-title;
      span{
        font-size: 20px !important;
        color: #343434 !important;
      }
    }
  }
  .line{
    background: linear-gradient(90deg, #5BACFF 0%, #4276EF 100%);
    width: 100%;
    height: 120px;
    position: relative;
    .el-button{
      position: absolute;
      top: 50px;
      left: 50%;
      transform: translateX(300px);
    }
    img{
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-500px);
    }
  }
}
</style>
